
<template>
  <div class="set_commission-container">
    <breadcrumb style></breadcrumb>
    <div class="content">
      <el-main>
        <div class="box">
          <el-row class="row">
            <el-col :span="6">
              <div class="grid-content bg-purple">用户信息</div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple-light"></div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">用户ID：</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple-light">12345678</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">用户昵称</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">丛林佩琪猪</div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">收货人:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple-light">你好呀</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">收货人手机号</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">15862637996</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">收货人地址</div>
            </el-col>
            <el-col :span="5">
              <div class="grid-content bg-purple">湖北省武汉市光谷国际广场A座2106</div>
            </el-col>
          </el-row>
        </div>
        <div class="box">
          <el-row class="row">
            <el-col :span="6">
              <div class="grid-content bg-purple">订单信息</div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple-light"></div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="3">
              <div class="grid-content bg-purple">订单编号:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">12345678</div>
            </el-col>
            <el-col :span="3">
              <div class="grid-content bg-purple">下单时间:&nbsp;2019.10.10</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">订单所属活动</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">七折拼团第一轮</div>
            </el-col>&nbsp;&nbsp;
            <el-col :span="2">
              <div class="grid-content bg-purple">订单状态:&nbsp;代发货</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">
                <el-button type="primary" style="width:40px;">修改</el-button>
              </div>
            </el-col>
          </el-row>
          <!-- <el-row class="row1">
  <el-col :span="3"><div class="grid-content bg-purple">二级团队消费返利:</div></el-col>
  <el-col :span="1"><div class="grid-content bg-purple"><el-input v-model="input4"></el-input></div></el-col>
  <el-col :span="1"><div class="grid-content bg-purple"> %</div></el-col>
          </el-row>-->
        </div>
        <div class="box">
          <el-row class="row">
            <el-col :span="6">
              <div class="grid-content bg-purple">商品信息</div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple-light"></div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="3">
              <div class="grid-content bg-purple">商品名称:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">扫地机器人</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">购买数量：</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">1</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">库存数量:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">100</div>
            </el-col>
          </el-row>
          <!-- <el-row class="row1">
  <el-col :span="3"><div class="grid-content bg-purple">银行卡账户最低提现金额:</div></el-col>
  <el-col :span="1"><div class="grid-content bg-purple"><el-input v-model="input5"></el-input></div></el-col>
  <el-col :span="1"><div class="grid-content bg-purple">  元</div></el-col>
          </el-row>-->
        </div>
        <div class="box">
          <el-row class="row">
            <el-col :span="6">
              <div class="grid-content bg-purple">费用信息:</div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple-light"></div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">商品金额:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">99</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">商品运费:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">10</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">应付金额:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">109</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
          </el-row>

          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">使用优惠券:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">0</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">使用红包:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">0</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">是否使用免邮券:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">109</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">使用购物券:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">109</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">使用钻石:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">109</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">富友支付:</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">109</div>
            </el-col>
            <el-col :span="1">
              <div class="grid-content bg-purple">元</div>
            </el-col>
          </el-row>
        </div>
        <div class="box">
          <el-row class="row">
            <el-col :span="6">
              <div class="grid-content bg-purple">快递信息</div>
            </el-col>
            <el-col :span="12">
              <div class="grid-content bg-purple-light"></div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">快递公司:</div>
            </el-col>
            <el-col :span="2">
              <div class="grid-content bg-purple">
                <el-input style="width:120px;"></el-input>
              </div>
            </el-col>
          </el-row>
          <el-row class="row1">
            <el-col :span="1">
              <div class="grid-content bg-purple">快递单号:</div>
            </el-col>
            <el-col :span="2">
              <div class="grid-content bg-purple">
                <el-input style="width:120px;"></el-input>
              </div>
            </el-col>
          </el-row>
          <!-- <el-row class="row1">
  <el-col :span="3"><div class="grid-content bg-purple">银行卡账户最低提现金额:</div></el-col>
  <el-col :span="1"><div class="grid-content bg-purple"><el-input v-model="input5"></el-input></div></el-col>
  <el-col :span="1"><div class="grid-content bg-purple">  元</div></el-col>
          </el-row>-->
        </div>

        <el-footer>
          <!-- <el-button type="primary" @click="set_commission">确 定</el-button> -->
          <el-button style="color: #409eff" @click="$router.go(-1)">取 消</el-button>
        </el-footer>
      </el-main>
    </div>
  </div>
</template>


<script>
import breadcrumb from "../../components/breadcrumb";
import {
  commission_set_see,
  commission_set_modify
} from "../../api/getData.js";
export default {
  components: { breadcrumb },
  data() {
    return {
      activeName: ["1"],
      buyCashback: "", // 一级团队消费返利
      buyRecashback: "", //  二级团队消费返利
      cashback: "", // vip邀请返利
      recashback: "", //  二级团队vip充值返利
      input: "", //免单到账时间
      input2: "", //拼团消费到账时间
      input3: "", //一级团队消费返利
      input4: "", //二级团队消费返利
      input5: "", //银行卡账户最低提现金额
      input6: "", //钻石账户每月可提现
      input7: "", //银行卡每月可提现金额
      input8: "", //钻石账户最低提现金额
      id: this.$route.query.id //添加佣金的id
    };
  },
  created() {
    this.get_commissiong_detail();
    this.getlist();
  },
  methods: {
    // set_commission() {

    //   let data={
    //     freeDay:this.input,
    //     assembleDay:this.input2,
    //     oneLevelRebate:this.input3,//Number(this.input3)
    //     twoLevelRebate:this.input4,//parseInt(this.input4)
    //     diamondsCase:this.input5,
    //     bankCash:this.input6,
    //     diamondsNum:this.input7,
    //     bankNum:this.input8,
    //     id:this.id
    //   }

    //   //console.log(data)
    //   this.$axios.post('/web_examine/save_audit',data).then(res=>{
    //     //console.log(res,121)
    //     if(res.data.data==1){
    //       this.get_commissiong_detail()
    //       return this.$message.success('修改成功')
    //     }else{
    //       this.$message({
    //               type:'warning',
    //               message:'修改失败'
    //             });
    //     }
    //   })
    //   // this.$axios.post('/web_examine/select_audit').then(res=>{
    //   //   //console.log(res,'1211')
    //   // })
    // },
    //  async get_commissiong_detail(){
    //  const {data:res}= await this.$axios.post('/web_examine/select_audit')
    //  //console.log(res,'修改之后的数据')
    //  //console.log(res.data[0].id)
    //  this.input=res.data[0].freeDay
    //  this.input2=res.data[0].assembleDay
    //  this.input3=res.data[0].oneLevelRebate
    //  this.input4=res.data[0].twoLevelRebate
    //  this.input5=res.data[0].diamondsCase
    //  this.input6=res.data[0].bankCash
    //  this.input7=res.data[0].diamondsNum
    //  this.input8=res.data[0].bankNum
    //  this.id=res.data[0].id
    // }
    getlist() {
      let data = {
        current: 1,
        size: 10
      };
      this.$axios.post("web_order/evaluate_page", data).then(res => {
        //console.log(res,'121')
      });
    },
    get_commissiong_detail() {
      let data = {
        id: this.id
      };
      this.$axios.post("/web_order/get?id=" + this.id).then(res => {
        //console.log(res)
      });
    }
  }
};
</script>



<style lang="less" >
.set_commission-container {
  @import "../../style/card.less";
  display: flex;
  flex-flow: column;
  height: 100%;
  .price {
    width: 70px !important;
    .el-input__inner {
      width: 70px !important;
    }
  }
  .el-collapse-item {
    .el-collapse-item__content {
      padding-left: 45px;
      display: flex;
      .el-form {
        width: 310px;
        display: flex;
        flex-direction: column;
        margin-right: 85px;
        .el-form-item {
          margin-bottom: 30px !important;
        }
      }
    }
  }
  .box {
    // background-color: #eee;
    margin: 15px 0;
  }
  .box > .row {
    font-size: 22px;
    font-weight: 700;
  }
  .box > .row1 {
    font-size: 14px;
    font-weight: 400;
  }
  .box > .row1 .el-input__inner {
    // width: 40px;
    height: 30px;
  }
  .box > .row span {
    display: inline-block;
    color: red;
  }
  .el-row {
    // margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    min-width: 110px;
    border-radius: 4px;
  }

  .grid-content {
    border-radius: 4px;
    min-height: 36px;
    line-height: 36px;
    min-width: 40px;
  }

  .row-bg {
    // padding: 10px 0;
    background-color: #f9fafc;
  }
}
</style>
